<%--
  Created by IntelliJ IDEA.
  User: Asus
  Date: 2020/8/1
  Time: 17:23
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<c:set var="book" value="${sessionScope.book}"/>
<html>
<head>
    <title>图书详情</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            position: relative;
        }

        table {
            width: 600px;
            margin: 30px auto;

        }

        table td {
            color: #666666;
            height: 40px;
            border: 1px solid #f5f5f5;
            text-align: center;
            vertical-align: middle;
            box-shadow: 0 0 2px #666;
        }

        table tr:first-child td:nth-of-type(1) {
            width: 60px;
            height: 50px;
        }

        table tr td:nth-of-type(2) {
            text-align: left;
            padding-left: 10px;
            line-height: 40px;
        }

        table tr:first-child td {
            border: none;
            box-shadow: 0 0 0;
        }

        input, select, textarea {
            color: #666;
        }
    </style>
</head>
<body>
<form action="" method="post" id="addProduct">
    <table>
        <tr>
            <td colspan="2">《${book.bookName}》</td>
        </tr>
        <tr>
            <td>作者：</td>
            <td><input type="text" name="id" style="height: 70%;width: 30%" value="${book.bookName}"/></td>
        </tr>

        <tr>
            <td>出版社：</td>
            <td><input type="text" name="id" style="height: 70%;width: 30%" value="${book.bookConcern}"/></td>
        </tr>
        <tr>
            <td>出版时间：</td>
            <td><input type="text" name="id" style="height: 70%;width: 30%" value="${book.bookTime}"/></td>
        </tr>
        <tr>
            <td>类别：</td>
            <td><input type="text" name="id" style="height: 70%;width: 30%" value="${book.bookType}"/></td>
        </tr>
        <tr>
            <td>内容历史：</td>
            <td><textarea id="intro" rows="2" style="color: #666"></textarea></td>
        </tr>
    </table>
</form>
<script>
    document.getElementById("intro").innerText="${book.bookDescription}";
</script>
</body>
</html>
